import React, { Component } from 'react';
import './SearchInput.css'
import imgJiahao from '../../assets/images/加号.png'
import imgSearch from '../../assets/images/搜索.png'
import { Input, Space } from 'antd';
import { AudioOutlined } from '@ant-design/icons';

const { Search } = Input;
const SearchInput = (props) => {
    const { handleOnclick, SearchBoxhandleOnclick } = props;
    // console.log(handleOnclick(),'---------------------');
    return (
        <div className="search" >
            {/* <div className="search-input"> */}
                {/* <div className="search-place"> */}
                    {/* <img className='location-img' src={imgPlace}></img> */}
                    {/* <p className="location">南昌</p> */}
                    {/* <p className='search-border'> */}
                        {/* <img className='search-img' src={imgSearch}></img> */}
                    {/* </p> */}
                    <Search
                        placeholder="请输入关键词"
                        allowClear
                        
                        size="large"
                        // onSearch={onSearch}
                        onFocus={SearchBoxhandleOnclick}
                    />
                    {/* <input type="text" placeholder='请输入关键词' />  */}
                {/* </div>
            </div> */}
            {/* <img className="search-jiahao" src={imgJiahao} onClick={() => { handleOnclick() }}></img> */}
        </div>
    )
}

export default SearchInput
